<script setup>
import conicalColumnChart from './chart/conicalColumnChart.vue';
import ChartBar from './chart/ChartBar.vue';
</script>

<template>
    <!-- 模块 二行三列 -->
    <div class="module-box">
        <div  style="flex:0 1 20%">
            <dv-border-box8 style="width:100%;height:400px;">
               <ChartBar/>
            </dv-border-box8>
        </div>

        <div  style="flex:0 1 50%">
            <dv-border-box12 style="width:100%;height:400px;">
                <conicalColumnChart height="350px" />
            </dv-border-box12>
        </div>
        <div  style="flex:0 1 30%">
            <dv-border-box1 style="width:100%;height:400px;">
                <ChartBar/>
            </dv-border-box1>
        </div>
        
    </div>
    <div class="module-box">
        <div  style="flex:0 1 30%">
            <dv-border-box8 style="width:100%;height:400px;">
               <ChartBar/>
            </dv-border-box8>
        </div>

        <div  style="flex:0 1 40%">
            <dv-border-box12 style="width:100%;height:400px;">
                <conicalColumnChart height="350px" />
            </dv-border-box12>
        </div>

        <div  style="flex:0 1 30%">
            <dv-border-box1 style="width:100%;height:400px;">
                <ChartBar/>
            </dv-border-box1>
        </div>
    </div>
</template>

<style scoped>

</style>
